<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
    <title></title>
    <script src="../lib/hwebglpano.min.js"></script>
    <!--<script src="../src/unitl.js"></script>-->
    <!--<script src="../src/pano.js"></script>-->


</head>

<script>
    function main(){
        var textureArray=['../res/pan01/pano_f.jpg','../res/pan01/pano_b.jpg','../res/pan01/pano_u.jpg','../res/pan01/pano_d.jpg','../res/pan01/pano_r.jpg','../res/pan01/pano_l.jpg']
        //参数: 正面图 id,背面图 id ,左侧id, 右侧id, 顶部id, 底部id
        var hwebgl=new HWebgl('webgl');//参数: canvas id
        hwebgl.CreatePano(textureArray,60.0)
        hwebgl.SetXAngle(45.0)//设置x轴角度
        hwebgl.addEvent('textureComplete',function(){
            console.log('贴图加载完成.');
            hwebgl.removeEvent('textureComplete')
        })
        //参数: 贴图数组,视线角度（效果为远近）
        //hwebgl.SetAngle(50.0)//设置远近函数  可用于滚轮 或移动多点 缩放
        //hwebgl.SetXAngle(45.0)//设置x轴角度

    }
</script>
<body onload="main()">
<canvas id="webgl" width="400" height="400">
    你的浏览器不支持webgl ， Your browser does not support webgl
</canvas>
</body>

</html>